<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h2>This is an about page</h2>
    <button class="some">xxyyx</button>
    <el-button>xxyyx</el-button>
    <ElButton>xxxyyy</ElButton>
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
    <ElButton>xxx</ElButton>
  </div>
</template>

<style>
.some {
  background-color: aqua;
}
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
